<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>前端项目模板 | 前端一锅煮</title>
    <meta name="description" content="前端项目模板">
    <link rel="icon" href="/blog/logo.jpg">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="msapplication-TileColor" content="#000000">
    <meta name="keywords" content="前端一锅煮,vue,vue ssr,express,koa2,">
    <link rel="preload" href="/blog/assets/css/0.styles.3a36f1f3.css" as="style"><link rel="preload" href="/blog/assets/js/app.2d50d9dc.js" as="script"><link rel="preload" href="/blog/assets/js/27.fe72fdf4.js" as="script"><link rel="prefetch" href="/blog/assets/js/10.cf06b472.js"><link rel="prefetch" href="/blog/assets/js/11.57a175c6.js"><link rel="prefetch" href="/blog/assets/js/12.b32f2db2.js"><link rel="prefetch" href="/blog/assets/js/13.818a88b3.js"><link rel="prefetch" href="/blog/assets/js/14.1c54dd87.js"><link rel="prefetch" href="/blog/assets/js/15.40ea867f.js"><link rel="prefetch" href="/blog/assets/js/16.379721e3.js"><link rel="prefetch" href="/blog/assets/js/17.0b8bcd15.js"><link rel="prefetch" href="/blog/assets/js/18.41bb3889.js"><link rel="prefetch" href="/blog/assets/js/19.6362af40.js"><link rel="prefetch" href="/blog/assets/js/2.55dfcea5.js"><link rel="prefetch" href="/blog/assets/js/20.4ce40a8a.js"><link rel="prefetch" href="/blog/assets/js/21.ba4dcc65.js"><link rel="prefetch" href="/blog/assets/js/22.d2fad5dd.js"><link rel="prefetch" href="/blog/assets/js/23.2a976f6d.js"><link rel="prefetch" href="/blog/assets/js/24.a6407b77.js"><link rel="prefetch" href="/blog/assets/js/25.28818591.js"><link rel="prefetch" href="/blog/assets/js/26.a4d6759f.js"><link rel="prefetch" href="/blog/assets/js/28.ca4a85a9.js"><link rel="prefetch" href="/blog/assets/js/29.4c6c0c28.js"><link rel="prefetch" href="/blog/assets/js/3.e235257b.js"><link rel="prefetch" href="/blog/assets/js/30.6aa9a972.js"><link rel="prefetch" href="/blog/assets/js/31.b7bccc14.js"><link rel="prefetch" href="/blog/assets/js/32.3544b6a6.js"><link rel="prefetch" href="/blog/assets/js/33.3bb697fd.js"><link rel="prefetch" href="/blog/assets/js/34.ac7cecf3.js"><link rel="prefetch" href="/blog/assets/js/35.b26fe96f.js"><link rel="prefetch" href="/blog/assets/js/36.91eb88f8.js"><link rel="prefetch" href="/blog/assets/js/37.baa3c248.js"><link rel="prefetch" href="/blog/assets/js/4.04108111.js"><link rel="prefetch" href="/blog/assets/js/5.2e3bc3e6.js"><link rel="prefetch" href="/blog/assets/js/6.88208dc4.js"><link rel="prefetch" href="/blog/assets/js/7.7913f494.js"><link rel="prefetch" href="/blog/assets/js/8.64ff3aa5.js"><link rel="prefetch" href="/blog/assets/js/9.43d70a25.js">
    <link rel="stylesheet" href="/blog/assets/css/0.styles.3a36f1f3.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/blog/" class="home-link router-link-active"><!----> <span class="site-name">前端一锅煮</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/blog/" class="nav-link">首页</a></div><div class="nav-item"><a href="/blog/page/list/" class="nav-link router-link-active">全部文章</a></div><div class="nav-item"><a href="/blog/page/vuepress/" class="nav-link">VuePress笔记</a></div><div class="nav-item"><a href="/blog/page/about/" class="nav-link">关于我</a></div> <a href="https://gitee.com/cjm0/blog" target="_blank" rel="noopener noreferrer" class="repo-link">
    Gitee
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/blog/" class="nav-link">首页</a></div><div class="nav-item"><a href="/blog/page/list/" class="nav-link router-link-active">全部文章</a></div><div class="nav-item"><a href="/blog/page/vuepress/" class="nav-link">VuePress笔记</a></div><div class="nav-item"><a href="/blog/page/about/" class="nav-link">关于我</a></div> <a href="https://gitee.com/cjm0/blog" target="_blank" rel="noopener noreferrer" class="repo-link">
    Gitee
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav>  <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading open"><span>前端项目模板</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/blog/page/list/project_template.html#_1-blog-github" class="sidebar-link">1. blog github</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#说明" class="sidebar-link">说明</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#启动" class="sidebar-link">启动</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_2-vue-github" class="sidebar-link">2. vue github</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#说明-2" class="sidebar-link">说明</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#启动-2" class="sidebar-link">启动</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-2" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_3-vssr-github" class="sidebar-link">3. vssr github</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#说明-3" class="sidebar-link">说明</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#启动-3" class="sidebar-link">启动</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-3" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_4-vhistory-github" class="sidebar-link">4. vhistory github</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#说明-4" class="sidebar-link">说明</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#启动-4" class="sidebar-link">启动</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-4" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_5-vmultiple-github" class="sidebar-link">5. vmultiple github</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#说明-5" class="sidebar-link">说明</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#启动-5" class="sidebar-link">启动</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-5" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_6-vhtml-github" class="sidebar-link">6. vhtml github</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#说明-6" class="sidebar-link">说明</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#启动-6" class="sidebar-link">启动</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-6" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_7-koa2-gitee" class="sidebar-link">7. koa2 gitee</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#说明-7" class="sidebar-link">说明</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#启动-7" class="sidebar-link">启动</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-7" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_8-express-github" class="sidebar-link">8. express github</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#启动-8" class="sidebar-link">启动</a></li><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-8" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_9-static-github" class="sidebar-link">9. static github</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-9" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_10-react" class="sidebar-link">10. react</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-10" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_11-wx" class="sidebar-link">11. wx</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-11" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_12-pc" class="sidebar-link">12. pc</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-12" class="sidebar-link">地址</a></li></ul></li><li><a href="/blog/page/list/project_template.html#_13-mob" class="sidebar-link">13. mob</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog/page/list/project_template.html#地址-13" class="sidebar-link">地址</a></li></ul></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="前端项目模板"><a href="#前端项目模板" class="header-anchor">#</a> 前端项目模板</h1> <h2 id="_1-blog-github"><a href="#_1-blog-github" class="header-anchor">#</a> 1. blog github</h2> <h3 id="说明"><a href="#说明" class="header-anchor">#</a> 说明</h3> <p><code>vuepress</code> 技术，<code>vue markdown</code> 静态博客生成器</p> <p>一个基于 <code>VuePress</code> 构建的用于前端学习、笔记记录、趣文推荐的个人博客网站</p> <h3 id="启动"><a href="#启动" class="header-anchor">#</a> 启动</h3> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token function">git</span> clone git@github.com:cjm0/blog.git

<span class="token builtin class-name">cd</span> blog 

<span class="token function">yarn</span> <span class="token operator">&amp;&amp;</span> <span class="token function">yarn</span> dev
</code></pre></div><h3 id="地址"><a href="#地址" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/blog" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/blog<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://blog.bigqianduan.top" target="_blank" rel="noopener noreferrer">blog.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_2-vue-github"><a href="#_2-vue-github" class="header-anchor">#</a> 2. vue github</h2> <h3 id="说明-2"><a href="#说明-2" class="header-anchor">#</a> 说明</h3> <p><code>vue webpack</code> 技术</p> <p>vue 单页项目模板，手写 webpack 配置</p> <h3 id="启动-2"><a href="#启动-2" class="header-anchor">#</a> 启动</h3> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token function">git</span> clone git@github.com:cjm0/vue.git

<span class="token builtin class-name">cd</span> vue 

<span class="token function">yarn</span> <span class="token operator">&amp;&amp;</span> <span class="token function">yarn</span> dev
</code></pre></div><h3 id="地址-2"><a href="#地址-2" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/vue" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/vue<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://vue.bigqianduan.top" target="_blank" rel="noopener noreferrer">vue.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_3-vssr-github"><a href="#_3-vssr-github" class="header-anchor">#</a> 3. vssr github</h2> <h3 id="说明-3"><a href="#说明-3" class="header-anchor">#</a> 说明</h3> <p><code>vue ssr</code> 服务端渲染技术</p> <p>远程服务器使用 3007 端口，基于 <code>node.js、pm2</code></p> <p>vue 服务端渲染模板 webpack 配置，解决 seo 问题</p> <h3 id="启动-3"><a href="#启动-3" class="header-anchor">#</a> 启动</h3> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token function">git</span> clone git@github.com:cjm0/vssr.git

<span class="token builtin class-name">cd</span> vssr 

<span class="token function">yarn</span> <span class="token operator">&amp;&amp;</span> <span class="token function">yarn</span> dev
</code></pre></div><h3 id="地址-3"><a href="#地址-3" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/vssr" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/vssr<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://vssr.bigqianduan.top" target="_blank" rel="noopener noreferrer">vssr.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_4-vhistory-github"><a href="#_4-vhistory-github" class="header-anchor">#</a> 4. vhistory github</h2> <h3 id="说明-4"><a href="#说明-4" class="header-anchor">#</a> 说明</h3> <p><code>vue history router</code></p> <p><code>vue history</code> 路由模式 webpack 配置，本地和远程服务器都得做配置，把所有页面先转到首页再分发到具体路由</p> <h3 id="启动-4"><a href="#启动-4" class="header-anchor">#</a> 启动</h3> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token function">git</span> clone git@github.com:cjm0/vhistory.git

<span class="token builtin class-name">cd</span> vhistory 

<span class="token function">yarn</span> <span class="token operator">&amp;&amp;</span> <span class="token function">yarn</span> dev
</code></pre></div><h3 id="地址-4"><a href="#地址-4" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/vhistory" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/vhistory<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://vhistory.bigqianduan.top" target="_blank" rel="noopener noreferrer">vhistory.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_5-vmultiple-github"><a href="#_5-vmultiple-github" class="header-anchor">#</a> 5. vmultiple github</h2> <h3 id="说明-5"><a href="#说明-5" class="header-anchor">#</a> 说明</h3> <p>vue 多页面结构 webpack 配置</p> <p>打包输出多个独立的页面</p> <h3 id="启动-5"><a href="#启动-5" class="header-anchor">#</a> 启动</h3> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token function">git</span> clone git@github.com:cjm0/vmultiple.git

<span class="token builtin class-name">cd</span> vmultiple 

<span class="token function">yarn</span> <span class="token operator">&amp;&amp;</span> <span class="token function">yarn</span> dev
</code></pre></div><h3 id="地址-5"><a href="#地址-5" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/vmultiple" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/vmultiple<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://vmultiple.bigqianduan.top" target="_blank" rel="noopener noreferrer">vmultiple.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_6-vhtml-github"><a href="#_6-vhtml-github" class="header-anchor">#</a> 6. vhtml github</h2> <h3 id="说明-6"><a href="#说明-6" class="header-anchor">#</a> 说明</h3> <p>vue 静态页面生成器</p> <p>vue 路由子页面生成静态页面输出，解决 seo 问题，前提是网站内容大部分都是静态的</p> <h3 id="启动-6"><a href="#启动-6" class="header-anchor">#</a> 启动</h3> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token function">git</span> clone git@github.com:cjm0/vhtml.git

<span class="token builtin class-name">cd</span> vhtml 

<span class="token function">yarn</span> <span class="token operator">&amp;&amp;</span> <span class="token function">yarn</span> dev
</code></pre></div><h3 id="地址-6"><a href="#地址-6" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/vhtml" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/vhtml<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://vhtml.bigqianduan.top" target="_blank" rel="noopener noreferrer">vhtml.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_7-koa2-gitee"><a href="#_7-koa2-gitee" class="header-anchor">#</a> 7. koa2 gitee</h2> <h3 id="说明-7"><a href="#说明-7" class="header-anchor">#</a> 说明</h3> <p>node.js koa2 项目模板</p> <p>使用端口 3389</p> <p>可以作为页面网站使用，也可以作为接口 api 使用</p> <h3 id="启动-7"><a href="#启动-7" class="header-anchor">#</a> 启动</h3> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token function">git</span> clone git@gitee.com:cjm0/koa2.git

<span class="token builtin class-name">cd</span> koa2 

<span class="token function">yarn</span> <span class="token operator">&amp;&amp;</span> <span class="token function">yarn</span> dev
</code></pre></div><h3 id="地址-7"><a href="#地址-7" class="header-anchor">#</a> 地址</h3> <p>gitee 地址 <a href="https://gitee.com/cjm0/koa2" target="_blank" rel="noopener noreferrer">https://gitee.com/cjm0/koa2<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://koa2.bigqianduan.top" target="_blank" rel="noopener noreferrer">koa2.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_8-express-github"><a href="#_8-express-github" class="header-anchor">#</a> 8. express github</h2> <p>node.js express 项目模板</p> <p>使用端口 3006</p> <p>可以作为页面网站使用，也可以作为接口 api 使用</p> <h3 id="启动-8"><a href="#启动-8" class="header-anchor">#</a> 启动</h3> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token function">git</span> clone git@github.com:cjm0/express.git

<span class="token builtin class-name">cd</span> express 

<span class="token function">yarn</span> <span class="token operator">&amp;&amp;</span> <span class="token function">yarn</span> dev
</code></pre></div><h3 id="地址-8"><a href="#地址-8" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/express" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/express<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://express.bigqianduan.top" target="_blank" rel="noopener noreferrer">express.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_9-static-github"><a href="#_9-static-github" class="header-anchor">#</a> 9. static github</h2> <p>静态页面、资源文件存放</p> <h3 id="地址-9"><a href="#地址-9" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/static" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/static<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://www.bigqianduan.top" target="_blank" rel="noopener noreferrer">www.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_10-react"><a href="#_10-react" class="header-anchor">#</a> 10. react</h2> <p>尽请期待...</p> <h3 id="地址-10"><a href="#地址-10" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/react" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/react<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://react.bigqianduan.top" target="_blank" rel="noopener noreferrer">react.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_11-wx"><a href="#_11-wx" class="header-anchor">#</a> 11. wx</h2> <p>尽请期待...</p> <h3 id="地址-11"><a href="#地址-11" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/wx" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/wx<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://wx.bigqianduan.top" target="_blank" rel="noopener noreferrer">wx.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_12-pc"><a href="#_12-pc" class="header-anchor">#</a> 12. pc</h2> <p>尽请期待...</p> <h3 id="地址-12"><a href="#地址-12" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/pc" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/pc<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://pc.bigqianduan.top" target="_blank" rel="noopener noreferrer">pc.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="_13-mob"><a href="#_13-mob" class="header-anchor">#</a> 13. mob</h2> <p>尽请期待...</p> <h3 id="地址-13"><a href="#地址-13" class="header-anchor">#</a> 地址</h3> <p>github 地址 <a href="https://github.com/cjm0/mob" target="_blank" rel="noopener noreferrer">https://github.com/cjm0/mob<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p>项目预览 <a href="http://mob.bigqianduan.top" target="_blank" rel="noopener noreferrer">mob.bigqianduan.top<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p></div> <div class="page-edit"><div class="edit-link"><a href="https://gitee.com/cjm0/blog/edit/master/docs/page/list/project_template.md" target="_blank" rel="noopener noreferrer">在 Gitee 上编辑此页</a> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div> <!----></div> <!----> </div> <!----></div></div>
    <script src="/blog/assets/js/app.2d50d9dc.js" defer></script><script src="/blog/assets/js/27.fe72fdf4.js" defer></script>
  </body>
</html>
